<template>
	<view style="width: 750rpx;height: 100vh;background-color: #F5F5F8;">
		<view style="width: 690rpx;height: 76rpx;margin-left: 30rpx;">
			<view style="font-size: 44rpx;line-height: 44rpx;padding-top: 32rpx;float: left;">下应街道东兴社区防汛自查</view>
		</view>
		<view style="height: 162rpx;width: 690rpx;margin-left: 30rpx;">
			<view v-if="light">	
				<view style="float: left;" >
					<view style="font-size: 40rpx;line-height: 40rpx;padding-top: 60rpx;">检查进度</view>
					<view style="width: 80rpx;height: 6rpx;margin-left: 40rpx;margin-top: 16rpx;background-color: #333333;border-radius: 3rpx;"></view>
				</view>
				
				<view style="float: left;"@click="Light()" >
					<view style="font-size: 32rpx;line-height: 32rpx;padding-top: 68rpx;margin-left: 80rpx;">隐患整改</view>
				</view>
			</view>
			<view v-else>
				<view style="float: left;" @click="Lights()">
					<view style="font-size: 32rpx;line-height: 40rpx;padding-top: 60rpx;">检查进度</view>
				</view>
				<view style="float: left;">
					<view style="font-size: 40rpx;line-height: 40rpx;padding-top: 60rpx;margin-left: 80rpx;">隐患整改</view>
					<view style="width: 80rpx;height: 6rpx;margin-left: 120rpx;margin-top: 16rpx;background-color: #333333;border-radius: 3rpx;"></view>
				</view>
			</view>
		</view>
		<view v-if="light">
			<view style="width: 690rpx;height: 32rpx;margin-left: 30rpx;">
				<view style="float: left;font-size: 32rpx;line-height: 32rpx;">已创建检查</view>
				<image src="../../static/btn-screenArrow@3x.png"style="width: 32rpx;height: 32rpx;float: left;margin-left: 10rpx;"></image>
			</view>
			<view style="width: 690rpx;height: 224rpx;border-radius: 12rpx;background-color: #FFFFFF;margin-left: 30rpx;margin-top: 20rpx;" @click="gotoZC()">
				<view style="width: 128rpx;height: 40rpx;background-image: linear-gradient(to right, #FF952C , #FFA940);color: #FFFFFF;border-top-left-radius:12rpx;
				border-top-right-radius:0;border-bottom-right-radius:12rpx;border-bottom-left-radius:0;font-size: 26rpx;line-height: 40rpx;text-align: center;">
				区级任务</view>
				<view style="display: flex;">
					<view style="font-size: 36rpx;line-height: 36rpx;margin-top: 20rpx;margin-left: 30rpx;">2022年防汛检查</view>
					<view style="width: 116rpx;height: 36rpx;background-color: rgba(251, 154, 23, 0.11);margin-top: 20rpx;margin-left: 16rpx;color: #FB9A17;text-align: center;font-size: 24rpx;line-height: 36rpx;border-radius: 4rpx;">待检查20</view>
				</view>
				<view style="font-size: 28rpx;line-height: 28rpx;color: #E93B3D;margin-top: 16rpx;margin-left: 30rpx;">4月1日～4月30日截止</view>
				<view style="color: #999999;font-size: 24rpx;line-height: 24rpx;margin-top: 30rpx;margin-left: 30rpx;">创建时间：2021-12-21 12:00:41</view>
			</view>
			<view style="width: 690rpx;height: 194rpx;margin-top: 30rpx;margin-left: 30rpx;background-color: #FFFFFF;border-radius: 12rpx;" @click="gotoDJC()">
				<view style="display: flex;">
					<view style="font-size: 36rpx;line-height: 36rpx;margin-top: 30rpx;margin-left: 30rpx;">2021年防汛检查</view>
					<view style="width: 122rpx;height: 36rpx;margin-top: 30rpx;margin-left: 16rpx;font-size:24rpx ;background-color: rgba(251, 154, 23, 0.11);line-height: 36rpx;text-align: center;color: #FB9A17;border-radius: 4rpx;">待检查20</view>
					<image src="../../static/icon_04@3x.png" style="width: 40rpx;height: 40rpx;margin-left: 90rpx;margin-top: 30rpx;"></image>
					<view style="color: #FB9A17;font-size: 32rpx;line-height: 32rpx;margin-left: 6rpx;margin-top: 34rpx;">已逾期</view>
				</view>
				<view style="font-size: 28rpx;line-height: 28rpx;color: #E93B3D;margin-top: 16rpx;margin-left: 30rpx;">12月1日～12月15日截止</view>
				<view style="color: #999999;font-size: 24rpx;line-height: 24rpx;margin-top: 30rpx;margin-left: 30rpx;">创建时间：2021-11-30 12:00:41</view>
			</view>
			<view style="width: 690rpx;height: 32rpx;margin-left: 30rpx;margin-top: 60rpx;">
				<view style="float: left;font-size: 32rpx;line-height: 32rpx;">已完成检查</view>
				<image src="../../static/btn-screenArrow@3x.png"style="width: 32rpx;height: 32rpx;float: left;margin-left: 10rpx;"></image>
			</view>
			<view style="width: 690rpx;height: 226rpx;margin-top: 30rpx;margin-left: 30rpx;background-color: #FFFFFF;border-radius: 12rpx;">
				<view style="width: 128rpx;height: 40rpx;background-color: #75BC4D;color: #FFFFFF;border-top-left-radius:12rpx;
				border-top-right-radius:0;border-bottom-right-radius:12rpx;border-bottom-left-radius:0;font-size: 26rpx;line-height: 40rpx;text-align: center;">
				区级任务</view>
				<view style="display: flex;">
					<image src="../../static/icon%20@3x.png" style="width: 40rpx;height: 40rpx;margin-left: 26rpx;margin-top: 20rpx;"></image>
					<view style="font-size: 36rpx;line-height: 36rpx;margin-top: 22rpx;margin-left: 6rpx;">2021年防汛检查</view>
					<view style="width: 122rpx;height: 36rpx;margin-top: 22rpx;margin-left: 16rpx;font-size:24rpx ;background-color: rgba(117, 188, 77, 0.12);line-height: 36rpx;text-align: center;color: #75BC4D;border-radius: 4rpx;">已检查263</view>
				</view>
				<view style="font-size: 28rpx;line-height: 28rpx;margin-top: 16rpx;margin-left: 30rpx;">4月1日～4月30日截止</view>
				<view style="color: #999999;font-size: 24rpx;line-height: 24rpx;margin-top: 30rpx;margin-left: 30rpx;">创建时间：2021-12-21 12:00:41</view>
			</view>
			<view style="position: fixed;bottom: 0;height: 120rpx;width: 100%;background-color: #FFFFFF;">
				<button style="width: 690rpx;height: 94rpx;color: #FFFFFF;background-color: #519AFF;margin-left: 30rpx;margin-top: 14rpx;border-radius: 47rpx;font-size: 36rpx;"@click="gotoJC()">创建新检查</button>
			</view>
		</view>
		<view v-else>
			<view style="width: 690rpx;height: 194rpx;margin-left: 30rpx;background-color: #FFFFFF;border-radius: 12rpx;box-shadow: 0 0 16rpx 0 rgba(0, 0, 0, 0.1);">
				<view style="width: 128rpx;height: 40rpx;background-image: linear-gradient(to right, #FF952C , #FF4D4F);color: #FFFFFF;border-top-left-radius:12rpx;
				border-top-right-radius:0;border-bottom-right-radius:12rpx;border-bottom-left-radius:0;font-size: 26rpx;line-height: 40rpx;text-align: center;">
				隐患统计</view>
				<view style="display: flex;">
					<view style="height: 94rpx;width: 168rpx;margin-left: 40rpx;" @click="gotoLJ()">
						<view style="display: flex;flex-direction: row;justify-content: center;">
							<view style="font-size: 52rpx;line-height: 52rpx;color: #FB9A17;margin-top: 20rpx;">254</view>
							<view style="font-size: 28rpx;line-height: 28rpx;color: #FB9A17;margin-top: 40rpx;margin-left: 10rpx;">个</view>
						</view>
						<view style="font-size: 28rpx;line-height: 28rpx;margin-top: 14rpx;">累计发现隐患</view>
					</view>
					<view style="width: 1rpx;height: 40rpx;background-color: #D8D8D8;margin-top: 28rpx;margin-left: 40rpx;"></view>
					<view style="height: 94rpx;width: 112rpx;margin-left: 40rpx;" @click="gotoXC()">
						<view style="display: flex;flex-direction: row;justify-content: center;">
							<view style="font-size: 52rpx;line-height: 52rpx;color: #E93B3D;margin-top: 20rpx;">82</view>
							<view style="font-size: 28rpx;line-height: 28rpx;color: #E93B3D;margin-top: 40rpx;margin-left: 10rpx;">个</view>
						</view>
						<view style="font-size: 28rpx;line-height: 28rpx;margin-top: 14rpx;">现存隐患</view>
					</view>
					<view style="width: 1rpx;height: 40rpx;background-color: #D8D8D8;margin-top: 28rpx;margin-left: 40rpx;"></view>
					<view style="height: 94rpx;width: 168rpx;margin-left: 40rpx;" @click="gotoYZG()">
						<view style="display: flex;flex-direction: row;justify-content: center;">
							<view style="font-size: 52rpx;line-height: 52rpx;color: #60AD35;margin-top: 20rpx;">172</view>
							<view style="font-size: 28rpx;line-height: 28rpx;color: #60AD35;margin-top: 40rpx;margin-left: 10rpx;">个</view>
						</view>
						<view style="font-size: 28rpx;line-height: 28rpx;margin-top: 14rpx;">累计整改隐患</view>
					</view>
				</view>
			</view>
			<view style="width: 690rpx;height: 960rpx;margin-top: 20rpx;margin-left: 30rpx;background-color: #FFFFFF;border-radius: 16rpx;">
				<view style="width: 690rpx;height: 100rpx;border-bottom: 1rpx solid #E5E5E5;">
					<view style="display: inline;" @click="gotoLJFX()">
						<view style="float: left;margin-top: 34rpx;margin-left: 30rpx;font-size: 32rpx;line-height: 32rpx;">下应街道东兴社区</view>
						<image src="../../static/icon2@3x.png" style="float: right;width: 40rpx;height: 40rpx;margin-top: 30rpx;margin-right: 16rpx;" ></image>
						<view style="float: right;width: 150rpx;height: 36rpx;background-color: rgba(251, 154, 23, 0.12);color: #FB9A17;font-size: 24rpx;line-height: 36rpx;text-align: center;border-radius: 4rpx;margin-top: 32rpx;margin-right: 6rpx;">发现隐患2</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				light:true,
				jiedao:'区域选择',
				jiedao1:'鄞州区'
			}
		},
		methods: {
			Light(){
				this.light=false
			},
			Lights(){
				this.light=true
			},
			goto(){
				uni.navigateTo({
					url:'./areaList?jiedao='+this.jiedao
				})
			},
			gotoTask(){
				uni.navigateTo({
					url:'XPtask'
				})
			},
			gotoJC(){
				uni.navigateTo({
					url:'createJC'
				})
			},
			gotoDJC(){
				uni.navigateTo({
					url:'./FCjiancha'
				})
			},
			gotoZJ(){
				uni.navigateTo({
					url:'statistics/ZJjiancha'
				})
			},
			gotoZC(){
				uni.navigateTo({
					url:'statistics/CSzicha'
				})
			},
			gotoLJ(){
				uni.navigateTo({
					url:'../yinhuan/FXlist'
				})
			},
			gotoXC(){
				uni.navigateTo({
					url:'../yinhuan/XClist'
				})
			},
			gotoYZG(){
				uni.navigateTo({
					url:'../yinhuan/YZGlist'
				})
			},
			gotoLJFX(){
				uni.navigateTo({
					url:'../yinhuan/LJFXyinhuan'
				})
			}
		},
		onLoad(options) {
			this.jiedao=options.jiedao
			this.jiedao1=options.jiedao
		}
	}
</script>

<style>

</style>
